<!-- subpkg_consult/room/components/notify-info.vue -->
<script lang="ts" setup>
	const props = defineProps<{ type: number }>()
</script>

<template>
	<!-- 普通通知（31） -->
	<view class="message-tips">
		<view class="wrapper">
			<!-- 温馨提示（32） -->
			<text v-if="type === 32" class="label">温馨提示:</text>
			<!-- 这部分内容动态传入   -->
			<slot></slot>
		</view>
	</view>
</template>

<style lang="scss">
	.message-tips {
		display: flex;
		justify-content: center;
		margin-top: 60rpx;

		&:first-child {
			margin-top: 30rpx;
		}
	}

	.wrapper {
		line-height: 1;
		text-align: center;
		padding: 20rpx 30rpx;
		// margin-top: 60rpx;
		font-size: 24rpx;
		border-radius: 70rpx;
		color: #848484;
		background-color: #fff;

		.label {
			color: #16c2a3;
		}
	}
</style>
